<div class="card border-info m-3">
    <h5 class="card-header bg-info text-white">新增</h5>
    <div class="card-body">
        <h5 class="card-title">用户消息</h5>
        <p class="card-text">请按内容提示，录入相关信息。</p>
        <div class="row mb-3">
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">标题</button>
                    </div>
                    <input type="text" class="form-control border-info" [(ngModel)]="domain.serMessageTitle">
                </div>
                <span class="badge badge-danger" *ngIf="errRes.error?.detail['MesUser.serNum'] !== null">{{errRes.error?.detail['MesUser.serNum']}}</span>
            </div>
        </div>

        <div class="row mb-3">
            <div class="input-group">
                <div class="input-group-prepend w-25">
                    <button class="btn btn-info border-info w-100" type="button">类型</button>
                </div>
                <input type="text" class="form-control border-info" [readonly]="true"
                       [value]="extend.domain.serAudit()">
                <input type="hidden" class="form-control border-info" [readonly]="true"
                       [(ngModel)]="domain.serAudit">
            </div>
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">类型</button>
                    </div>
                    <input type="text" class="form-control border-info" [(ngModel)]="domain.serAudit">
                </div>
                <span class="badge badge-danger" *ngIf="errRes.error?.detail['MesUser.serNum'] !== null">{{errRes.error?.detail['MesUser.serNum']}}</span>
            </div>
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">内容</button>
                    </div>
                    <input type="text" class="form-control border-info" [(ngModel)]="domain.serType">
                </div>
            </div>
        </div>


        <div class="row mb-3">
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">审核状态</button>
                    </div>
                    <input type="text" class="form-control border-info" [readonly]="true"
                           [value]="extend.domain.serAudit()">
                    <input type="hidden" class="form-control border-info" [readonly]="true"
                           [(ngModel)]="domain.serAudit">
                </div>
                <span class="badge badge-danger" *ngIf="errRes.error?.detail['MesUser.serAudit'] !== null">{{errRes.error?.detail['MesUser.serAudit']}}</span>
            </div>
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">启用状态</button>
                    </div>
                    <div class="input-group-append w-75">
                        <button btnCheckbox btnCheckboxTrue="ENABLE" btnCheckboxFalse="DISABLE"
                                (click)="domain.serUsing = domain.serUsing === 'DISABLE' ? 'ENABLE' : 'DISABLE'"
                                class="btn border-info w-100" type="button"
                                [ngClass]="{'btn-primary': domain.serUsing === 'ENABLE', 'disabled btn-secondary': domain.serUsing === 'DISABLE'}">
                            {{domain.serUsing === 'DISABLE' ? '禁用' : '启用'}}
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">订单号</button>
                    </div>
                    <input type="text" class="form-control border-info" [(ngModel)]="domain.orderNo">
                 </div>
                <span class="badge badge-danger" *ngIf="errRes.error?.detail['MesUser.orderNo'] !== null">{{errRes.error?.detail['MesUser.orderNo']}}</span>
            </div>
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">serValid2</button>
                    </div>
                    <input type="text" class="form-control border-info" [value]="'serValid2'">
                </div>
                <span class="badge badge-danger" *ngIf="errRes.error?.detail['MesUser.serValid2'] !== null">{{errRes.error?.detail['MesUser.serValid2']}}</span>
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-6">
                <div class="input-group">
                    <div class="input-group-prepend w-25">
                        <button class="btn btn-info border-info w-100" type="button">图片</button>
                    </div>
                    <input type="text" class="form-control border-info" [(ngModel)]="domain.serImg">
                </div>
                <span class="badge badge-danger" *ngIf="errRes.error?.detail['MesUser.serNum'] !== null">{{errRes.error?.detail['MesUser.serNum']}}</span>
            </div>
        </div>
        <div class="text-center mt-5">
            <button type="button" class="btn btn-outline-primary" (click)="func.save.req($event)">Save</button>
        </div>
    </div>
</div>

<span class="badge badge-info mr-3" *ngIf="errRes?.error?.timestamp !== null">response time: {{errRes?.error?.timestamp}}</span>
<div *ngIf="false">
    <p>{{errRes.error}}</p>
    <p>{{errRes.error?.code}}</p>
    <p>{{errRes.error?.description}}</p>
    <p>{{errRes.error?.theme}}</p>
    <p>{{errRes.error?.timestamp}}</p>
    <p>{{errRes.error?.detail?.RR?.duration}}</p>
    <p>{{errRes.error?.detail['MesUser.serNum']}}</p>
    <p>{{errRes.error?.detail['MesUser.serLabels']}}</p>
    <p>{{errRes.error?.detail['MesUser.serType']}}</p>

    <p>{{errRes.error?.detail['MesUser.serAudit']}}</p>
    <p>{{errRes.error?.detail['MesUser.serValid']}}</p>
    <p>{{errRes.error?.detail['MesUser.serValid2']}}</p>
    <p>{{errRes.error?.detail['MesUser.serImg']}}</p>
    <p>{{errRes.headers}}</p>
    <p>{{errRes.message}}</p>
    <p>{{errRes.name}}</p>
    <p>{{errRes.ok}}</p>
    <p>{{errRes.status}}</p>
    <p>{{errRes.statusText}}</p>
    <p>{{errRes.url}}</p>
</div>
